<%@ page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ include file="/WEB-INF/jsp/includes/common.jsp"%>
<%@page import="java.util.Calendar"%>
<html>
	<head>
		<%@ include file="/WEB-INF/jsp/includes/head.jsp"%>
		<script type="text/javascript" src="${ctx }/js/lib/jquery.validate.js"></script>
		<script type="text/javascript" src="${ctx }/js/lib/jquery.validate.messages_cn.js"></script>
		<script type="text/javascript" src="${ctx }/js/base/validateinfo.js"></script>
		<script type="text/javascript" src="${ctx }/js/activity/active-blacklist.js"></script>
	</head>
	<body>
		<%@ include file="/WEB-INF/jsp/includes/logo.jsp"%>
		<div class="container">
			<div class="main clearfix">
				<%@ include file="/WEB-INF/jsp/includes/nav.jsp"%>
				<div class="container2 fl">
					<div class="main">
						<h4><span>活动黑名单</span></h4>
						<div class="hd mt10 clearfix">
							<a href="javascript:void(0);" class="add-blacklist-link btn btn1 fl">添加黑名单</a>
							<div class="opt fr w580">
								<form id="s_form" action="${ctx }/blacklist/index.do" class="clearfix">
									<span class="fr w60">
										<input id="s_btn" type="button" class="btn-search btn btn2 fr" value="搜索"/>
									</span>
									<span class="fr">
										<input id="s_passport" name="s_passport" value="${s_passport }" class="mr10 ml10" type="text" placeholder="请输入用户通行证" />
<%-- 										<input id="s_nickname" name="s_nickname" value="${s_nickname }" class="mr10" type="text" placeholder="请输入用户昵称" /> --%>
									</span>
									<p class="validate-tips fr"></p>
								</form>
							</div>
						</div>
						<div class="cont mt10">
							<table cellspacing="0" border="1" width="100%">
								<thead>
									<tr>
										<th width="50">序号</th>
										<th width="210">用户通行证</th>
										<th width="140">添加时间</th>
										<th width="140">封禁到期时间</th>
										<th width="60">封禁时长</th>
										<th>操作</th>
									</tr>
								</thead>
								<c:if test="${page.total>0}">
								<nad:table dataList="${page.dataList }" >
								<tbody>
									<nad:row>
										<%-- 奇偶行 --%>
										<c:if test="${DATALIST_CURRENTROW%2==0 }">
											<tr class="odd">
										</c:if>
										<c:if test="${DATALIST_CURRENTROW%2==1 }">
											<tr class="even">
										</c:if>
										<td>${DATALIST_CURRENTROW+1 }</td>
										<td><nad:col name="passport"/></td>
<%-- 										<td><nad:col name="nickname"/></td> --%>
										<td><nad:col name="start_time"/></td>
										<td><nad:col name="end_time"/></td>
										<td><nad:col name="memo"/></td>
										<td><a href='javascript:void(0);' class='to_delete' id='<nad:col name="id"/>'>删除</a></td>
									</nad:row>
								</tbody>
								</nad:table>
								</c:if>
								<%-- 无数据 --%>
								<c:if test="${page.total<=0}">
								<tbody>
									<tr class="no-results">
										<td colspan="100%">未查询到结果！</td>
									</tr>
								</tbody>
								</c:if>
							</table>
						</div>
						<div class="ft mt10 clearfix pageno">
							<c:if test="${page.total>0 }">
								<nad:pagebar page="${page }" action="${ctx }/blacklist/index.do" />
							</c:if>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 弹出层 -->
		<!-- 增加黑名单 -->
		<div id="add-blacklist" title="增加黑名单" class="hidden">
			<form id="add-blacklist-form" action="" method="">
				<fieldset>
					<p class="validate-tips"></p>
					<p class="item">
						<label for="passport"><i>*</i>用户通行证：</label>
						<input type="text" name="passport" id="passport" class="text ui-widget-content ui-corner-all" />
					</p>
					<p class="item">
						<label for="forbid"><i>*</i>封禁时间：</label>
						<select id="forbid">
							<option value="0">-请选择-</option>
							<option value="1_<%=Calendar.HOUR %>">1小时</option>
							<option value="5_<%=Calendar.HOUR %>">5小时</option>
							<option value="12_<%=Calendar.HOUR %>">12小时</option>
							<option value="24_<%=Calendar.HOUR %>">24小时</option>
							<option value="1_<%=Calendar.WEEK_OF_MONTH %>">1周</option>
							<option value="1_<%=Calendar.MONTH %>">1个月</option>
							<option value="3_<%=Calendar.MONTH %>">3个月</option>
							<option value="6_<%=Calendar.MONTH %>">半年</option>
							<option value="1_<%=Calendar.YEAR %>">1年</option>
							<option value="100_<%=Calendar.YEAR %>">永久</option>
						</select>
					</p>
				</fieldset>
			</form>
		</div>
	</body>
</html>


